<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
   <!--表单标签<form>
      属性:
        action: 服务器资源地址(URL)
        method:
           get:默认值
               a.请求参数会拼接到url后面
               b.url的长度有限制，大约4kb左右
          post:
               a.浏览器会将数据放到http请求体
               b.请求体没有没有url的长度限制

        enctype:数据的类型(表单类型) - 文件上传时需要修改
        -->
   <!-- 子标签<input />
        readonly - 只读模式
   -->

   <!-- 文本标签<label>
     readonly - 只读模式
-->

 <form action="#" method="get" enctype="multipart/form-data">
     用户名:<input type="text" placeholder="请输入用户名"> <br/>
     密码: <input type="password"> <br/>
     性别:<input type="radio" name="sex" value="m"> 男
         <input type="radio" name="sex" value="f"> 女 <br/>
     兴趣:<input type="checkbox" name="xq" value="唱">唱
     <input type="checkbox" name="xq" value="跳">跳
     <input type="checkbox" name="xq" value="rap">rap
     <input type="checkbox" name="xq" value="篮球">篮球<br/>
     出生日期:<input type="date" name="date"><br/>


     <!--提交内容-->
     <input type="submit">
     <!--重置内容-->
     <input type="reset">
     <!--普通按钮-->
     <input type="button">
     <button>普通按钮</button><br/>

<!--http://localhost:63342/D3/Study_08_15/H/%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD
%BE.html?sex=on&xq=on&xq=on&xq=on&xq=on&daye=2022-08-04#-->
 <!--http://localhost:63342/D3/Study_08_15/H/%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD%
 BE.html?sex=f&xq=%E8%B7%B3&xq=rap&xq=%E7%AF%AE%E7%90%83&daye=2022-08-03#-->
 </form>
</body>
</html>